<template>
  <div>
    <h1>sonA</h1>
    <button @click="testOn1">test $on绑定事件</button>
    <button @click="testOn2">test222 $on绑定事件</button>
  </div>
</template>

<script>
/* 
自定义事件名  回调函数  @xx:yy(){}  $on
给元素绑定事件 
触发事件  $emit

任意组件
$on
$emit
在组件对象上$on  $emit 
parentA  $on $emit   $on
SonA   $on $emit     $emit


找到一家的$on  $emit
vue组件上的方法
小型vue  new Vue()  $on $emit



*/
export default {
  created() {
    /* this是当前的vue组件对象 */
    this.$on("hanhan", (num, msg) => {
      console.log(num, msg);
    });
  },
  methods: {
    testOn1() {
      this.$emit("hanhan", 190, "天气很好");
    },
    testOn2() {
      this.$eventBus.$emit("mingming", "想吃冰淇淋吗？");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>